<!DOCTYPE html>
<html>
<body>
<span>Money inside :$<span id="moneyInside"></span></span>
</br>
<span>Money charged :$<span id="moneyCharged"></span></span>
</br>
</br>
</br>
<input type="text" id="moneyToTake"><br>
<button id="btnTakeMoney">Take Money</button>
</br>
</br>
</br>
<div>No of coins and notes in Atm :</div>
<table style="width:100%">
    </tr>
    <td>No. of 1 cent coin : <span id="cent"></span></td>
    <td>No. of 10 cent coin : <span id="tenCent"></span></td>
    <td>No. of 25 cent coin : <span id="quarter"></span></td>
    </tr>
    </tr>
    <td>No. of 1 dollar note : <span id="dollar"></span></td>
    <td>No. of 5 dollar note : <span id="fiveDollar"></span></td>
    <td>No. of 20 dollar note : <span id="twentyDollar"></span></td>
    </tr>
</table>
<script src="../common/jquery-3.6.0.min.js"></script>
<script src="atm.js"></script>
</body>
</html>